/**
 *     参数说明:  {delay: 100, active: 'menu'}
 *         delay:  延迟执行时间
 *         active: 当前模块名(默认是dropdown,由data-active属性指定), 用来添加 .xx-active 表示激活状态
 *     下拉框的子元素每个固定高度为: 30px
 * */
(function ($) {
    $('#nav-site').find('.dropdown')
        .dropdown({css3: false, js: true, animation: 'fadeSlideLeftRight',delay: 100, active: 'menu'})
        .on('nav_site_load',function (){
            let $this = $(this),html = '',dataLoad = $this.data('load'),$layer = $this.find('.dropdown-layer');
            // 获取指定路径(dataLoad)上的json文件
            $.getJSON(dataLoad, function (data) {
                setTimeout(function () {
                    for (let i = 0; i < data.length; i++)
                        html += '<li><a href="' + data[i].url + '" target="_blank" class="dropdown-item">' + data[i].name + '</a></li>'
                    $layer.html(html);
                    $layer.height((data.length * 30) + 'px');//重新计算高度
                    $this.data('loaded', true);
                }, 500);
            });
        });
})(jQuery);